<!--引导语 start-->
<div class="page-msg-red mt-20">
  <p class="title">{{guideLang.tipTitle}}</p>
  <ul>
    <ng-container *ngFor="let item of guideLang.message.proRepository">
      <li [innerHtml]="item"></li>
    </ng-container>
  </ul>
</div>
<!--引导语 end-->

<!--设置项目信息 start-->
<div nz-row class="pt-20">
  <form nz-form [formGroup]="validateForm" class="p-20">
    <nz-form-item>
      <nz-form-label [nzSm]="8" nzFor="account" nzRequired>帐户名</nz-form-label>
      <nz-form-control [nzSm]="8" [nzValidateStatus]="getFormControl('account')" nzHasFeedback>
        <input nz-input formControlName="account" type="text" id="account" placeholder="请填写帐户名">
        <nz-form-explain *ngIf="getFormControl('account').dirty&&getFormControl('account').errors">
          <ng-container *ngIf="getFormControl('account').hasError('required')">请填写帐户名！</ng-container>
          <ng-container *ngIf="getFormControl('account').hasError('maxlength')">输入的长度不能超过50位！
          </ng-container>
        </nz-form-explain>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSm]="8" nzFor="password" nzRequired>密码</nz-form-label>
      <nz-form-control [nzSm]="8" [nzValidateStatus]="getFormControl('password')" nzHasFeedback>
        <input nz-input formControlName="password" type="password" id="password" placeholder="请填写密码">
        <nz-form-explain *ngIf="getFormControl('password').dirty&&getFormControl('password').errors">
          <ng-container *ngIf="getFormControl('password').hasError('required')">请填写密码！</ng-container>
          <ng-container *ngIf="getFormControl('password').hasError('maxlength')">输入的长度不能超过50位！
          </ng-container>
        </nz-form-explain>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSm]="8" nzFor="type" nzRequired>仓库类型</nz-form-label>
      <nz-form-control [nzSm]="8" [nzValidateStatus]="getFormControl('type')">
        <nz-radio-group id="type" formControlName="type">
          <label nz-radio [nzValue]="'Git'">Git</label>
          <label nz-radio [nzValue]="'Svn'">Svn</label>
        </nz-radio-group>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSm]="8" nzFor="home" nzRequired>仓库地址</nz-form-label>
      <nz-form-control [nzSm]="8" [nzValidateStatus]="getFormControl('home')" nzHasFeedback>
        <input nz-input formControlName="home" type="text" id="home" placeholder="请填写仓库地址">
        <nz-form-explain *ngIf="getFormControl('home').dirty&&getFormControl('home').errors">
          <ng-container *ngIf="getFormControl('home').hasError('required')">请填写仓库地址！</ng-container>
        </nz-form-explain>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSm]="8" nzFor="description" nzRequired>仓库说明</nz-form-label>
      <nz-form-control [nzSm]="8" [nzValidateStatus]="getFormControl('description')" nzHasFeedback>
        <textarea rows="4" nz-input formControlName="description" id="description" placeholder="请填写仓库说明"></textarea>
        <nz-form-explain *ngIf="getFormControl('description').dirty&&getFormControl('description').errors">
          <ng-container *ngIf="getFormControl('description').hasError('required')">请填写仓库说明！</ng-container>
          <ng-container *ngIf="getFormControl('description').hasError('maxlength')">输入的长度不能超过50位！</ng-container>
        </nz-form-explain>
      </nz-form-control>
    </nz-form-item>

    <div nz-row class="text-center p-20 bt">
      <button nz-button [nzSize]="'large'" class="btn-blue mr" (click)="skipTo(2,'edit')">
        <span>上一步</span>
      </button>
      <button nz-button [nzSize]="'large'" class="thc-btn-w"
              (click)="nextStep($event,validateForm)">
        <span>完成</span>
      </button>
    </div>
  </form>
</div>
<!--设置项目信息 end-->
